/*
 * @Author: Eli.Chen
 * @Date: 2025-04-11 09:26:20
 * @LastEditors: Eli.Chen
 * @LastEditTime: 2025-05-07 10:44:22
 * @Description:
 */
import { Col, Row, Divider, Space, Typography, Card } from 'antd';
import ActivitiesComponent from '@/components/suggestion/ActivitiesComponent';
import AutoCarousel from '@/components/suggestion/AutoCarousel';
import RecDialog from '@/components/suggestion/RecDialog';

import { COLOR_THEME } from '@/config/theme';

function Suggestion() {
    return (
        <div
            className="cultPop-container"
            style={{
                backgroundColor: `${COLOR_THEME.BG_SECONDARY}`,
            }}
        >
            <Card className="cultPop-card">
                <Row style={{ width: '100%', height: '100%' }}>
                    <Col span={6}>
                        <div
                            style={{
                                display: 'flex',
                                flexDirection: 'column',
                                alignItems: 'center',
                                width: '100%',
                                height: '100%',
                                gap: 6,
                            }}
                        >
                            <Typography.Title level={3} style={{ marginBottom: 10 }}>
                                今日推荐
                            </Typography.Title>
                            <div
                                style={{
                                    width: '90%',
                                    height: '100%',
                                }}
                            >
                                <AutoCarousel />
                            </div>
                        </div>
                    </Col>
                    <Divider
                        type="vertical"
                        style={{
                            height: '100%',
                            minHeight: '560px',
                            margin: '0 16px',
                            borderLeft: '2px solid #e8e8e8',
                        }}
                    />
                    <Col
                        span={17}
                        style={{
                            height: '100%',
                            padding: 1,
                            boxSizing: 'border-box',
                        }}
                    >
                        <ActivitiesComponent
                            style={{
                                height: '100%',
                                width: '100%',
                            }}
                        />
                    </Col>
                </Row>
            </Card>
        </div>
    );
}

export default Suggestion;
